<%@page import="java.security.SecureRandom"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>

<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html>
<html lang="en">

<head>
 <meta charset="UTF-8">
    <meta name="description" content="">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <!-- The above 4 meta tags *must* come first in the head; any other head content must come *after* these tags -->

    <!-- Title  -->
    <title>商品详情</title>

 

<!-- script  -->
<script language="javascript" src="/huahua/resources/js/city.js"></script>
<!-- Favicon  -->
<link rel="icon" href="/huahua/resources/images/core-img/favicon.ico">

<!-- Core Style CSS -->
<link rel="stylesheet" href="/huahua/resources/css/core-style.css">
<script type="text/javascript"
	src="resources/js/jquery/jquery-2.2.4.min.js"></script>
</head>


<body>
<!-- ##### Header Area Start ##### -->
	<header class="header_area">
		<div
			class="classy-nav-container breakpoint-off d-flex align-items-center justify-content-between">
			<!-- Classy Menu -->
			<nav class="classy-navbar" id="essenceNav">
				<!-- Logo -->
				<a class="nav-brand" href="http://localhost:8080/huahua/pages/front/index.jsp"><img
					src="/huahua/resources/images/core-img/logo.png" alt=""></a>
				<!-- Navbar Toggler -->
				<div class="classy-navbar-toggler">
					<span class="navbarToggler"><span></span><span></span><span></span></span>
				</div>
				<!-- Menu -->
				<div class="classy-menu">
					<!-- close btn -->
					<div class="classycloseIcon">
						<div class="cross-wrap">
							<span class="top"></span><span class="bottom"></span>
						</div>
					</div>
					<!-- Nav Start -->
					<div class="classynav">
						<ul>
							<li><a href="http://localhost:8080/huahua//good/getPaged.shtml?pageNum=1">Shop</a></li>
							
							


						</ul>
					</div>
					<!-- Nav End -->
				</div>
			</nav>
	

		</div>
	</header>
	<!-- ##### Header Area End ##### -->
	<div class="breadcumb_area bg-img"
		style="background-image: url(/huahua/resources/images/bg-img/breadcumb.jpg);">
		<div class="container h-100">
			<div class="row h-100 align-items-center">
				<div class="col-12">
					<div class="page-title text-center">
						<h2>商品详情</h2>
					</div>
				</div>
			</div>
		</div>
	</div>


 <!-- ##### Single Product Details Area Start ##### -->
    <section class="single_product_details_area d-flex align-items-center">

        <!-- Single Product Thumb -->
  	<div class="single_product_thumb clearfix">
            
	<c:forEach items="${ images }" var="image">
		
		<img src="${ image.imageUrl}"  height="250" width="250" >	

	</c:forEach>
           
    </div>


                 <!-- Single Product -->
                    
        <!-- Single Product Description -->
        <div class="single_product_desc clearfix">
            <span><c:out value="${good.goodBrand}" /></span>
            <a >
                <h2><c:out value="${good.goodName}" /></h2>
            </a>
            <p class="product-price"> <c:out value="${good.goodPrice}" /></p>
            <p class="product-desc"><c:out value="${good.goodDesc}" /></p>
          
          
        <div class="select-box d-flex mt-50 mb-30">
                    <select name="select" id="productSize" class="mr-5">
                        <option value="value"><c:out value="${good.goodColour}" /></option>
                        
                    </select>
                    <select name="select" id="productColor">
                        <option value="value"><c:out value="${good.goodSize}" /></option>
                        
                    </select>
                </div>
                     
                     
                       
                  
             
                <!-- Cart & Favourite Box -->
                <div class="row">  
                    <a href="${ pageContext.request.contextPath }/good/getPaged.shtml?pageNum=1" class="btn essence-btn">Return</a>
                    <a href="${ pageContext.request.contextPath }/good/addToCart.shtml?id=${good.goodId} "class="btn essence-btn">Add to cart</a> 
                </div>
                 <div class="cart-fav-box d-flex align-items-center"></div>
            
        </div>
    </section>
    <!-- ##### Single Product Details Area End ##### -->
	
	
	

	
<!-- ##### Blog Wrapper Area End ##### -->

	<!-- ##### Checkout Area End ##### -->
	<!-- ##### Footer Area Start ##### -->
	<footer class="footer_area clearfix"> </footer>
	<!-- ##### Footer Area End ##### -->
	<!-- jQuery (Necessary for All JavaScript Plugins) -->
	<script src="/huahua/resources/js/jquery/jquery-2.2.4.min.js"></script>
	<!-- Popper js -->
	<script src="/huahua/resources/js/popper.min.js"></script>
	<!-- Bootstrap js -->
	<script src="/huahua/resources/js/bootstrap.min.js"></script>
	<!-- Plugins js -->
	<script src="/huahua/resources/js/plugins.js"></script>
	<!-- Classy Nav js -->
	<script src="/huahua/resources/js/classy-nav.min.js"></script>
	<!-- Active js -->
	<script src="/huahua/resources/js/active.js"></script>

</body>
</html>
